html {
    overflow-x: hidden;
}
.help-center {
    display: none;
}
.container {
    .gd-select {
        position: sticky;
        background-color: #FFF;
        top: 60px;
        border: none;
        margin: 0 -24px;
        padding: 16px 24px;
        border-bottom: 1px solid #E4E7ED;
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        .gd-select-title {
            padding: 0;
            .label {
                color: #303133;
            }
        }
        .gd-select-wrap {
            min-height: 385px;
            box-sizing: border-box;
            padding: 16px 24px;
            li {
                padding: 0;
                color: #909399;
                margin-top: 20px;
                &:first-child {
                    margin-top: 0;
                }

            }
        }
    }
    & > .content {
        h1 {
            font-weight: bold;
            font-size: 24px;
            color: #303133;
            line-height: 32px;
        }
        p {
            margin-top: 12px;
        }
        img {
            width: 100%;
        }
    }
    .con-page-list {
        font-size: 16px;
        line-height: 24px;
        font-weight: bold;
        a {
            color: #303133;
        }
        .info {
            text-align: left;
            padding: 16px 0;
            display: flex;
            align-items: flex-start;
            border-bottom: 1px solid #EEE;
            .iconfont {
                text-align: right;
                margin-left: 20px;
                flex: 1;
                color: #C0C4CC;
                font-size: 12px;
            }
        }
    }
    .page-title {
        margin-top: 32px;
    }
    .page-con {
        text-align: left;
        font-size: 14px;
        line-height: 22px;
        color: #606266;
        h3 {
            font-size: 16px;
            text-align: left;
            line-height: 24px;
        }
    }
}

@media only screen and (min-width: 1200px){
    .container {
        display: none;
    }
    .help-center {
        min-height: 481px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 1200px;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 60px auto 126px;
        h1 {
            font-size: 20px;
            line-height: 1;
        }
        a {
            color: #303133;
            text-decoration: none;
        }
        .left {
            font-size: 16px;
            line-height: 1;
            padding-top: 0;
            width: 277px;
            min-width: 277px;
            li.is-active {
                color: #1890ff;
            }
        }
        .center-tab {
            cursor: pointer;
            padding: 24px 0;
            border-bottom: 1px solid #eee;
            &:last-child {
                border-bottom: none;
            }
            &.is-active {
                .sub {
                    display: block;
                }
                .iconup1 {
                    display: block;
                }
                .icondown1 {
                    display: none;
                }
            }
            .sub {
                color: #303133;
            }
            .iconup1 {
                display: none;
            }
            .sub-tab {
                margin-left: 23px;
                padding-top: 24px;
            }
        }
        .right {
            border-left: 1px solid #eee;
            padding-left: 100px;
            margin-left: 28px;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            overflow-x: hidden;
            word-wrap: break-word;
            .top {
                border-bottom: 1px solid #eee;
                padding-bottom: 24px;
                color: #c0c4cc;
                cursor: pointer;
                display: none;
                a {
                    color: #c0c4cc;
                }
                input {
                    font-size: 1.167rem;
                    width: 301px;
                    padding: 11px 15px;
                    border: 1px solid #dcdfe6;
                    border-radius: 4px 0 0 4px;
                }
                &:focus {
                    outline: none;
                }
                button {
                    font-weight: 500;
                    width: 87px;
                    font-size: 1.167rem;
                    border-radius: 0 4px 4px 0;
                    margin-left: -5px;
                    color: #fff;
                    background-color: #1890ff;
                    padding: 13px 22px;
                    line-height: 1;
                }
            }
            .iconfont {
                font-size: 1.167rem;
            }
            .search-result {
                font-size: 1.167rem;
                color: #1890ff;
                padding-top: 16px;
                span {
                    color: #909399;
                }
            }
            .content {
                .info {
                    font-size: 1.167rem;
                    color: #303133;
                    padding: 24px 0;
                    border-bottom: 1px solid #eee;
                }
            }
            .info-footer {
                margin-top: 24px;
                color: #606266;
                font-size: 1.167rem;
                text-align: center;
                .iconfont {
                    color: #606266;
                    font-size: 1.167rem;
                    cursor: pointer;
                    margin-right: 0;
                }
                span {
                    margin-left: 30px;
                }
            }
        }
    }

    .center-tab.is-active > div > a {
        color: #1890ff;
    }

    .center-tab .sub .is-active a {
        color: #1890ff;
    }

    .center-tab .icondown1, .center-tab .iconup1 {
        float: right;
    }

    .help-center .right .content .info .iconfont {
        font-size: 1.167rem;
        color: #c0c4cc;
        float: right;
    }

    .help-center .right .content .info:first-child {
        margin-top: 5px;
    }

    .help-center .right .info-footer span.info-index {
        cursor: pointer;
    }

    .help-center .right .info-footer span.active {
        color: #1989fa;
    }

    .help-center .right .info-footer .iconicon_previous2 {
        margin: 0 30px;
    }

    .help-center .right .info-footer input {
        outline: none;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #dcdfe6;
        color: #606266;
        font-size: 1.167rem;
        padding: 5px 0;
        width: 60px;
    }

    .help-center .right .con-page .page-title {
        padding: 24px 0;
        font-weight: 700;
        font-size: 1.667rem;
    }

    .help-center .page-con img {
        width: 100%;
    }

    .help-center .right .con-page .page-con, .help-center .right .con-page .page-con p {
        font-size: 1.167rem;
        line-height: 2;
        color: #606266;
    }

    .help-center .right .con-page .page-con a {
        color: #1890ff;
    }


    .help-center h2, .help-center h3 {
        font-weight: 700;
        font-size: 1.333rem;
        line-height: 6rem;
    }
}